@import '../../css/base.scss';
.cou-filter {
    border-bottom: solid 1px #e5e5e5;
}
.cou-tab {
    $height: p2rm(90);
    width: 100%;
    height: $height;
    font-size: p2rm(28);
    li {
        float: left;
        width: 33.3%;
        text-align: center;
    }
    .cou-tab-item {
        display: inline-block;
        height: $height;
        line-height: $height;
        &.active {
            $active: #f15a24;
            color: $active;
            border-bottom: solid p2rm(4) $active;
        }
    }
}
.cou-list {
    padding: p2rm(30);
}
.cou-item {
    margin-bottom: p2rm(40);
    height: p2rm(150);
    $leftw: p2rm(180);
    .cou-snapshot {
        display: flex;
        flex-direction: column;
        justify-content: center;
        float: left;
        width: $leftw;
        height: 100%;
        background: #ffd214;
        text-align: center;
        font-size: p2rm(32);
    }
    .cou-info {
        display: flex;
        flex-direction: column;
        margin-left: $leftw;
        padding-left: p2rm(30);
        height: 100%;
        background: #f9f9f9;
        .cou-info-name {
            height: p2rm(70);
            line-height: p2rm(70);
            font-size: p2rm(32);
            text-overflow: ellipsis; 
            overflow: hidden; 
            white-space: nowrap; 
        }
        .cou-info-desc, .cou-info-limitime {
            height: p2rm(32);
            line-height: p2rm(30);
            font-size: p2rm(24);
            color: #666;
            text-overflow: ellipsis; 
            overflow: hidden; 
            white-space: nowrap; 
        }
    }

}